<template>
  <div>
    <table border="1">
      <thead>
      <tr>
        <th>序号</th>
        <th>姓名</th>
        <th>年龄</th>
        <th>头像</th>
      </tr>
      </thead>
      <tbody>
      <tr v-for="(obj,index) in arr" :key="index">

        <slot :obj="obj">{{ obj.headImgUrl }}</slot>
      </tr>
      </tbody>
    </table>
    <slot :arr="arr"></slot>
    <slot :arr="arr"></slot>
    <slot :arr="arr"></slot>

  </div>
</template>

<script>
export default {
  props: {
    arr:Array
  }
}
</script>